html {
  position: relative;
  min-height: 100%;
}

body {
  font-size: 175%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #eeeeee;
  margin-bottom: 60px;   /* Margin bottom by footer height */
}


.jumbotron {
	margin-top: 50px;
  background: url(../img/00.jpg) center no-repeat;
	background-size: cover;
	min-height: max(300px, 100vh);
	opacity: 0.8;
}

.jumbotron .container h1 {
	padding: 200px;
	color: #ffffff;
  font-size: 200%;
}

/* navbar の設定 */
.navbar-default {
  background-color: #eb4f20;
  border-color: #ffffff;
  border-width: 0px;
	opacity: 0.8;
}


.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover{
  color: #ffffff;
  opacity: 0.6;
  background-color: #eb4f20; !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active{
  color: #ffffff;
  background-color: #bbbbbb;
}
/* -- navbar 画面サイズが小さい時 -- */
.navbar-default .navbar-toggle { /* menubar outline */
  border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #eb4f20;
  opacity: 0.7;
}
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar{
  background-color: #ffffff;
}
.navbar-brand img {
	height: 50px;
	display: inline;
	margin: -15px 5px 0px 0px;
}

/* navbar の設定終了 */

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.page-header{
  padding-top: 80px; /* nav-bar の幅 */
  margin-top: -30px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;   /* Set the fixed height of the footer here */
  background-color: #bbbbbb;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.carousel-inner img {
  max-height: 500px;
  margin: 0;
  margin: auto; /* コメントアウトすると、画像が左による */
}

.carousel-indicators .active {
  background-color: #ee2222;

}

.carousel-indicators li {
  background-color: #221111;
}